---
title: 맞춤 앱 정보
description: 앱의 정보를 사용자 정의하기
---

# 맞춤 앱 정보

## 앱의 정보를 사용자 정의하기

`RainbowKitProvider`의 `appInfo` 속성에 앱의 정보를 전달할 수 있습니다. 수정할 수 있는 속성들은 앱의 이름 (`appName`)과 연결 모달의 "자세히 알아보기" 버튼이 리디렉션되는 링크 (`learnMoreUrl`)입니다.

```tsx
import { RainbowKitProvider } from '@rainbow-me/rainbowkit';

const App = () => {
  return (
    <RainbowKitProvider
      appInfo={{
        appName: 'Rainbowkit Demo',
        learnMoreUrl: 'https://learnaboutcryptowallets.example',
      }}
      {...etc}
    >
      {/* ... */}
    </RainbowKitProvider>
  );
};
```

### 주의 사항 추가

연결 모달 하단에 표시할 자신만의 주의 사항을 제공할 수 있습니다. `appInfo`의 `disclaimer` 속성은 `Text`와 `Link` 인자를 가지는 `DisclaimerComponent`를 받습니다. 이를 사용하여 테마 시스템을 상속하는 자신만의 주의 사항을 만들 수 있습니다. TypeScript 사용자들을 위해 `DisclaimerComponent` 타입을 내보냅니다.

```tsx
import {
  RainbowKitProvider,
  DisclaimerComponent,
} from '@rainbow-me/rainbowkit';

const Disclaimer: DisclaimerComponent = ({ Text, Link }) => (
  <Text>
    By connecting your wallet, you agree to the{' '}
    <Link href="https://termsofservice.xyz">Terms of Service</Link> and
    acknowledge you have read and understand the protocol{' '}
    <Link href="https://disclaimer.xyz">Disclaimer</Link>
  </Text>
);

const App = () => {
  return (
    <RainbowKitProvider
      appInfo={{
        appName: 'RainbowKit Demo',
        disclaimer: Disclaimer,
      }}
      {...etc}
    >
      {/* ... */}
    </RainbowKitProvider>
  );
};
```
